/*** 지로그공통 ***/
.profileArea{position:relative; height:170px; overflow:hidden; text-shadow:0px 0px 2px #000; color:#FFF}
.profileArea:before{content:""; position:absolute; top:0px; left:0px; width:100%; height:50px; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)))}
.profileArea:after{content:""; position:absolute; bottom:0px; left:0px; width:100%; height:80px; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.2)))}
.profileArea .coverBg:after{content:""; width:100%; height:177px; position:absolute; top:0px; left:0px; border-bottom:rgba(0,0,0,.1) 1px solid; box-sizing:border-box; -webkit-box-sizing:border-box}
.profileArea .infoPlace{position:absolute; bottom:30px; left:96px; z-index:10}
.profileArea .infoPlace .departText{margin:0 0 3px 0}
.profileArea .infoPlace .markNum{font-family:Arial; font-weight:bold; font-size:16px}
.profileArea .departText .ico_top{width:18px; height:15px; background-position:-20px 0; vertical-align:-2px; margin:0 4px 0 0}
.profileArea .markNum .ico_top{width:16px; height:15px; vertical-align:-1px}
.profileArea .thumbPlace{position:absolute; bottom:17px; left:17px; width:61px; height:61px; background:#FFF; border-radius:34px; padding:4px; z-index:10}
.profileArea .thumbPlace .thumb{border-radius:30px}
.profileArea .thumbPlace .imgWrapper:after{width:61px; height:61px; border-radius:30px}
.profileArea .thumbPlace .medal{position:absolute; top:1px; left:-2px; z-index:10}
.profileArea .ico_top{background:url(../image/topIco_sp.png) no-repeat}
.profileArea .tabPlace{position:absolute; bottom:0px; right:0px; z-index:10}
.profileArea .tabPlace A{display:inline-block; background:rgba(37,37,44,.5); height:36px; line-height:36px; padding:0 8px 0 10px}
.profileArea .tabPlace .followText{color:#FFF; font-family:Arial; font-weight:bold; padding:0 14px; margin:0 1px 0 0}
.profileArea .tabPlace .whisper{background-position:0 -20px; width:18px; height:18px; vertical-align:-4px}
.profileArea .tabPlace .picture{background-position:-20px -20px; width:21px; height:18px; vertical-align:-4px}
.profileArea .emoPlace{position:absolute; top:9px; right:7px; width:50px; height:38px; z-index:10}
.profileArea .emoPlace .emoSel{width:50px; height:38px; opacity:0; -webkit-appearance:none; position:absolute; top:0px; left:0px}
.profileArea .emoPlace .emotion{background:url(../image/feeling_sp.png) no-repeat; width:46px; height:38px; vertical-align:top}
.profileArea .emoPlace .emo1{background-position:0 0}
.profileArea .emoPlace .emo2{background-position:-50px 0}
.profileArea .emoPlace .emo3{background-position:0 -40px}
.profileArea .emoPlace .emo4{background-position:-50px -40px}
.profileArea .emoPlace .emo5{background-position:0 -80px}
.profileArea .emoPlace .emo6{background-position:-50px -80px}
.profileArea .emoPlace .openBtn{background:url(../image/feeling_sp.png) no-repeat -100px 0; width:17px; height:16px; position:absolute; bottom:9px; right:0px}
.profileArea .namePlace{position:absolute; top:13px; left:15px; z-index:10; font-size:19px; font-weight:bold; color:#FFF}
.profileArea .namePlace .idText{font-family:Arial; font-weight:normal; font-size:17px}

/*** 뉴스피드 ***/
.news .sortArea{font-size:14px; height:40px; line-height:40px; padding:0 0 0 12px; border-bottom:#C3C3C3 1px solid}
.news .sortArea .sortText{color:#9194a1; letter-spacing:-1px}
.news .sortArea .sortText .sortIcon{background:url(../image/sort_sp.png) no-repeat; height:15px; margin:0 3px 0 0; vertical-align:-2px}
.news .sortArea .sortText .time{background-position:0 -20px; width:19px}
.news .sortArea .sortText .useful{background-position:0 0; width:16px}
.news .sortArea .barText{color:#EBEBEB; margin:0 3px}
.news .sortArea .sortOn{color:#565960; font-weight:bold}
.news .sortArea .sortOn .time{background-position:-20px -20px}
.news .sortArea .sortOn .useful{background-position:-20px 0}


/*** 프로필 ***/
.profile .myInfoArea{padding:0 10px; margin:10px 0 0 0}
.profile .myInfoArea H3{background:#F3F3F3; border:#EAEAEA 1px solid; height:45px; line-height:45px; font-weight:bold; color:#46535e; padding:0 0 0 8px; font-size:16px}
.profile .myInfoArea .basicInfoPlace{margin:13px 0 0 0}
.profile .myInfoArea .ico_myInfo{background:url(img/profile_sp.png) no-repeat; width:23px; height:23px; vertical-align:-6px; margin:0 9px 0 0}
.profile .myInfoArea .workInfoPlace .ico_myInfo{background-position:0 0}
.profile .myInfoArea .basicInfoPlace .ico_myInfo{background-position:-30px 0}
.profile .myInfoArea .infoTbWrap{}
.profile .myInfoArea .infoTb{width:100%; line-height:22px}
.profile .myInfoArea .infoTb TH{text-align:left; border-bottom:#EFEFEF 1px solid; width:111px; letter-spacing:-1px; padding:5px 0 5px 4px; vertical-align:top}
.profile .myInfoArea .infoTb TD{border-bottom:#EFEFEF 1px solid; vertical-align:top; padding:5px 0; color:#4b4b4b}
.profile .myInfoArea .basicInfoPlace .infoTb TD{color:#6F6F6F}
.profile .myInfoArea .basicInfoPlace .infoTb A{color:#6F6F6F}
.profile .myInfoArea .infoTb TR:last-child TH, .profile .myInfoArea .infoTb TR:last-child TD{border-bottom:none}
.profile .myInfoArea .infoType{display:inline-block; background:url(../image/blt_skyblue.gif) no-repeat left; padding:0 0 0 10px; color:#46535e}
.profile .myInfoArea .guideText{font-weight:bold; color:#727780; font-size:14px; line-height:18px; padding:0 0 25px 3px; margin:15px 0 0 0}
.profile .myInfoArea .guideText .star{color:#fd7e01; vertical-align:-2px}
.profile .myInfoArea .guideText .guideLink{color:#6c88c5; font-weight:bold; font-size:16px}
.profile .emptyArea{padding:28px 0 28px 0}
.profile .emptyArea .emptyText{font-size: 16px; color:#5e606b; text-align:center; letter-spacing:-1px; line-height:22px; background:url(img/icon_profile.gif) no-repeat 50% top; padding:48px 0 0 0}
.profile .emptyArea .emptyLink{letter-spacing:normal; color:#6c88c5; font-size:18px}

